import React from 'react'
import { ArrowLeft, ArrowDown, Contact } from '@react-vant/icons'
const customer = () => {
  return (
    <div>
      <header
        style={{
          width: '100%',
          height: '60px',
          display: 'flex',
          justifyContent: 'space-around',
          alignItems: 'center',
        }}
      >
        <div style={{ display: 'flex', alignItems: 'center' }}>
          <ArrowLeft color="green" />
          <p style={{ marginLeft: '10px' }}>
            广州
            <ArrowDown color="#ccc" />
          </p>
        </div>

        <img src="/image/logo.png" alt="" style={{ width: '120px', height: '50px' }} />
        <Contact color="green" />
      </header>
      <main>
        <div style={{ width: '100%', height: '200px', background: 'green' }}>
          <img src="/image/mine_head.png" alt="" />
          <div>
            <button>登录</button>
            <button>注册</button>
          </div>
        </div>
      </main>
    </div>
  )
}

export default customer
